@import "common.less";
//共用样式js使用到的样式
#myVancl{
   
}
//购物车hover样式
.shopCarthover{
    background:white !important;
    color:@redcolor !important;

}
//购物车
.shopCart{
    z-index:10;
    .posr;
    .showCartList{
        display: none;
        .cartTitle{
            color:#555;
            text-align:left;
            border-bottom:1px solid #ECECEC;
        }
        //购物车底部
        .cartBottom{
            .clear;
            border-top:1px solid #ECECEC;
            padding:10px 0;
            //右边进入详细 购物车页
            .left{
                .flf;
                text-align:left;
                line-height: 20px;
                p{
                    color:@redcolor;
                }
            }
            .right{
                width: auto;
                .flr;
                a{
                    .dsb;
                    width:110px;
                    height:30px;
                    background: @redcolor;
                    color:white;
                    .tcc(30px);
                }
            }
            
        }        
        //购物车列表
        ul{
        .of;
        li{
            .of;
            margin:8px 0;
            
            //购物车删除按钮
            #cartDel{
                color:@redcolor;
                .flr;
                padding:4px;                
            }
            .carLeft{
                .of;
                .flf;
                a{
                .flf;
             }
             .proLink{
                 p{
                     color:@redcolor;
                 }
                 line-height: 18px;
                 margin-left:20px;
                 .flf;
                 .of;
                 width:200px;
                 text-align: left;
             }
            }
            padding:8px;
            
        }
        }
        color:#333;
//      display: none;
        position:absolute;
        right: -1px;
        background:white;
        width:330px;
        border:1px solid @redcolor;
        padding:10px;
    }
}
//当前分类下面两个商品
.cateProduct{
         .dsn;
         width:937px;
         height:170px;
         .posa(49px,261px);
         z-index: 100;
         background: white;
         border:1px solid #EFEFEF;
         border-bottom:2px solid #DC9094;
             .productLeft{
                 .flf;
                 border-right:1px solid #EFEFEF;
                 width:49%;
                 margin-top:15px;
                 
                 .wrapProduct{
                     .of;
                      width:300px;
                    .mauto;
                    }
             a{
                
                 .dsb;
                 .flf;
                 .zfx(140px);
             }
             //商品名和单价
             .goods{
                .flf;
                height:40px;
                a{
                     &:hover{
                     color:@redcolor;
                     }
                    font-size: 16px;
                    font-weight: bold;
                    color:#727171;
                }
               
             }
             .goodsDesc{
                 .flf;
                 width:140px;
                 line-height:20px;
                 text-align: left;
                 font-size: 13px;
                 margin:5px 0;
                 .goodsPrice{
                     font-size: 15px;
                     color:@redcolor;
                     margin-top:5px;
                 }
             }
         }
        } 
 
 
 //主页轮播图
   #indexTruns{
       .posr;
       .of;
       //轮播图大图片
        .listImg{
            li{
               .posa(0,0);
                z-index:0; 
            }
        }
        //轮播图按钮
        .listBtn{
            .of;
            z-index:10;
            .posa(440px,300px);
            li{
                background: black;
                .zfx(10px);
                .flf;
                border-radius: 50%;
                margin-left:10px;
            }
        }
   }


//导航下拉菜单
.navFirst{
    //下拉菜单 
    .dropLists{
        display: none;
        color:black;
        background:white;
        border:2px solid #B81C22;
        .posr;
        z-index:50;
        dl{
            .posr;
            span{
                line-height:15px;
                text-indent: 0px;
                .flf;
                .posa(-10px,23px);
                background:white;
                font-size:14px;
                color:@redcolor;
                font-weight: 400;
                padding:3px;
            }
            dd{
                text-indent: 30px;
                margin-top:20px;
                padding:10px 0;
                line-height: 20px;
                border-top:1px solid @redcolor;
                border-bottom:1px solid #C8C8C9;
                p{
                    a{
                        font-size: 14px;
                        .ff;
                        color:#999;
                     } 
                    &.sonCate{
                        a{
                            font-size:12px;
                            color:black;
                            font-family: "宋体";
                        }
                        &.hot{
                            color:@redcolor;
                        }
                    }  
                }
                &.otherCate{
                    border-top:none;
                    margin-top:0px !important;
                }
                
            }
        }
    }
}
//其他页面中的分类下拉菜单 
.cateProduct2{
         .dsn;
         width:717px;
         height:170px;
         .posa(49px,261px);
         z-index: 100;
         background: white;
         border:1px solid #EFEFEF;
         border-bottom:2px solid #DC9094;
             .productLeft{
                 .flf;
                 border-right:1px solid #EFEFEF;
                 width:49%;
                 margin-top:15px;
                 
                 .wrapProduct{
                     .of;
                    .mauto;
                    }
             a{
                 
                 height:0px;
                 .flf;
                 .zfx(100px);
                 text-indent: 0;
                 font-size:15px !important;
                 &:hover{
                     color:@redcolor;
                     background:none !important;
                 }
             }
             //商品名和单价
             .goods{
                .flf;
                height:40px;
                a{
                     &:hover{
                     color:@redcolor;
                     }
                    font-size: 16px;
                    font-weight: bold;
                    color:#727171;
                }
               
             }
             .goodsDesc{
                 .flf;
                 width:140px;
                 line-height:20px;
                 text-align: left;
                 font-size: 13px;
                 margin:5px 0;
                 .goodsPrice{
                     font-size: 15px;
                     color:@redcolor;
                     margin-top:5px;
                 }
             }
         }
        } 

//放大镜图层
.smallImg{
    .posr;
    .box{
            width:400px;
            height:400px;
            .posa(0,0);
        }
    .layer{
        display: none;
        width:198px;
        height:198px;
        background: #999;
        position:absolute;
        opacity: 0.4;
        border:1px solid #333;
    }

}
    .rightImg{
        display: none;
        width:400px;
        height:400px;
        border:1px solid #999;
        overflow: hidden;
        .posa(-1px,410px);
        z-index:100;
       
    }









